﻿<!DOCTYPE html>
<html>
  <head>
    <title>020活动详情页-购物车升级</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/020活动详情页-购物车升级/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/020活动详情页-购物车升级/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u3082" class="ax_default box_1">
        <div id="u3082_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3083" class="ax_default" data-left="126" data-top="1208" data-width="373" data-height="51">

        <!-- Unnamed (Rectangle) -->
        <div id="u3084" class="ax_default label">
          <div id="u3084_div" class=""></div>
          <div id="u3084_text" class="text ">
            <p><span>购车流程：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3085" class="ax_default label">
          <div id="u3085_div" class=""></div>
          <div id="u3085_text" class="text ">
            <p><span>选择特约店》支付订金》预约到店》签订购车合同（核销电子凭证）》</span></p><p><span>完成提车（平台个人中心提交购车发票和行驶证照片）》权益兑现</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3086" class="ax_default" data-left="129" data-top="14" data-width="355" data-height="42">

        <!-- 广本logo (Placeholder) -->
        <div id="u3087" class="ax_default placeholder" data-label="广本logo">
          <img id="u3087_img" class="img " src="images/商城首页旧/__logo_u1088.png"/>
          <div id="u3087_text" class="text ">
            <p><span>广汽本田logo</span></p>
          </div>
        </div>

        <!-- 广本logo (Placeholder) [footnote] -->
        <div id="u3087_ann" class="annotation"></div>

        <!-- 城市按钮 (Rectangle) -->
        <div id="u3088" class="ax_default label" data-label="城市按钮">
          <div id="u3088_div" class=""></div>
          <div id="u3088_text" class="text ">
            <p><span>广州</span></p>
          </div>
        </div>

        <!-- 城市按钮 (Rectangle) [footnote] -->
        <div id="u3088_ann" class="annotation"></div>

        <!-- Unnamed (SVG) -->
        <div id="u3089" class="ax_default image">
          <img id="u3089_img" class="img " src="images/020_____-demo/u732.svg"/>
        </div>

        <!-- 搜索面板 (Dynamic Panel) -->
        <div id="u3090" class="ax_default" data-label="搜索面板">
          <div id="u3090_state0" class="panel_state" data-label="State1" style="">
            <div id="u3090_state0_content" class="panel_state_content">

              <!-- Unnamed (Group) -->
              <div id="u3091" class="ax_default" data-left="0" data-top="0" data-width="123" data-height="33">

                <!-- Unnamed (Rectangle) -->
                <div id="u3092" class="ax_default box_1">
                  <div id="u3092_div" class=""></div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u3093" class="ax_default label">
                  <div id="u3093_div" class=""></div>
                  <div id="u3093_text" class="text ">
                    <p><span>雅阁热搜</span></p>
                  </div>
                </div>

                <!-- Unnamed (Image) -->
                <div id="u3094" class="ax_default image">
                  <img id="u3094_img" class="img " src="images/搜索结果页19-6/u1048.png"/>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u3095" class="ax_default line">
        <img id="u3095_img" class="img " src="images/020_____-demo/u742.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u3096" class="ax_default image">
        <img id="u3096_img" class="img " src="images/020活动详情页-购物车升级/u3096.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3097" class="ax_default" data-left="435" data-top="1762" data-width="57" data-height="57">

        <!-- Unnamed (Ellipse) -->
        <div id="u3098" class="ax_default ellipse">
          <img id="u3098_img" class="img " src="images/020_____-demo/u795.png"/>
          <div id="u3098_text" class="text ">
            <p><span>导航</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) [footnote] -->
        <div id="u3098_ann" class="annotation"></div>

        <!-- 悬浮框 (Dynamic Panel) -->
        <div id="u3099" class="ax_default ax_default_hidden" data-label="悬浮框" style="display:none; visibility: hidden">
          <div id="u3099_state0" class="panel_state" data-label="State1" style="">
            <div id="u3099_state0_content" class="panel_state_content">

              <!-- Unnamed (Ellipse) -->
              <div id="u3100" class="ax_default ellipse">
                <img id="u3100_img" class="img " src="images/020_____-demo/u797.png"/>
                <div id="u3100_text" class="text ">
                  <p><span>个人中心</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) [footnote] -->
              <div id="u3100_ann" class="annotation"></div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3101" class="ax_default ellipse">
                <img id="u3101_img" class="img " src="images/020_____-demo/u797.png"/>
                <div id="u3101_text" class="text ">
                  <p><span>特约店客服</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) [footnote] -->
              <div id="u3101_ann" class="annotation"></div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3102" class="ax_default ellipse">
                <img id="u3102_img" class="img " src="images/020_____-demo/u797.png"/>
                <div id="u3102_text" class="text ">
                  <p><span>首页</span></p>
                </div>
              </div>

              <!-- Unnamed (Ellipse) [footnote] -->
              <div id="u3102_ann" class="annotation"></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3103" class="ax_default box_1">
        <div id="u3103_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3104" class="ax_default box_1">
        <div id="u3104_div" class=""></div>
        <div id="u3104_text" class="text ">
          <p><span>立即下订</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3105" class="ax_default label">
        <div id="u3105_div" class=""></div>
        <div id="u3105_text" class="text ">
          <p><span>订金：99元起</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u3106" class="ax_default placeholder">
        <img id="u3106_img" class="img " src="images/020活动详情页-购物车升级/u3106.png"/>
        <div id="u3106_text" class="text ">
          <p><span>商城客服</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3107" class="ax_default" data-left="260" data-top="1439" data-width="70" data-height="118">

        <!-- Unnamed (Rectangle) -->
        <div id="u3108" class="ax_default box_1">
          <div id="u3108_div" class=""></div>
          <div id="u3108_text" class="text ">
            <p><span>客户评价</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3109" class="ax_default box_1">
          <div id="u3109_div" class=""></div>
          <div id="u3109_text" class="text ">
            <p><span>客户评价</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3110" class="ax_default box_1">
          <div id="u3110_div" class=""></div>
          <div id="u3110_text" class="text ">
            <p><span>问答</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3111" class="ax_default" data-left="377" data-top="1439" data-width="70" data-height="194">

        <!-- Unnamed (Rectangle) -->
        <div id="u3112" class="ax_default box_1">
          <div id="u3112_div" class=""></div>
          <div id="u3112_text" class="text ">
            <p><span>活动介绍</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3113" class="ax_default box_1">
          <div id="u3113_div" class=""></div>
          <div id="u3113_text" class="text ">
            <p><span>活动介绍</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3114" class="ax_default box_1">
          <div id="u3114_div" class=""></div>
          <div id="u3114_text" class="text ">
            <p><span>配套服务</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3115" class="ax_default box_1">
          <div id="u3115_div" class=""></div>
          <div id="u3115_text" class="text ">
            <p><span>喜悦延保</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3116" class="ax_default box_1">
          <div id="u3116_div" class=""></div>
          <div id="u3116_text" class="text ">
            <p><span>上门服务</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3117" class="ax_default" data-left="144" data-top="1439" data-width="70" data-height="157">

        <!-- Unnamed (Rectangle) -->
        <div id="u3118" class="ax_default box_1">
          <div id="u3118_div" class=""></div>
          <div id="u3118_text" class="text ">
            <p><span>车型介绍</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3119" class="ax_default box_1">
          <div id="u3119_div" class=""></div>
          <div id="u3119_text" class="text ">
            <p><span>车型介绍</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3120" class="ax_default box_1">
          <div id="u3120_div" class=""></div>
          <div id="u3120_text" class="text ">
            <p><span>车型报价</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3121" class="ax_default box_1">
          <div id="u3121_div" class=""></div>
          <div id="u3121_text" class="text ">
            <p><span>维修保养</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3122" class="ax_default" data-left="173" data-top="57" data-width="284" data-height="281">

        <!-- Unnamed (Rectangle) -->
        <div id="u3123" class="ax_default box_1">
          <div id="u3123_div" class=""></div>
          <div id="u3123_text" class="text ">
            <p><span>360</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3124" class="ax_default box_1">
          <div id="u3124_div" class=""></div>
          <div id="u3124_text" class="text ">
            <p><span>720</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u3125" class="ax_default image">
          <img id="u3125_img" class="img " src="images/020活动详情页-购物车升级/u3125.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3126" class="ax_default box_1">
          <div id="u3126_div" class=""></div>
          <div id="u3126_text" class="text ">
            <p><span>车型鉴赏</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3127" class="ax_default box_1">
          <div id="u3127_div" class=""></div>
          <div id="u3127_text" class="text ">
            <p><span>数字展厅</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3128" class="ax_default" data-left="121" data-top="1278" data-width="380" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u3129" class="ax_default box_1">
          <div id="u3129_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3130" class="ax_default label">
          <div id="u3130_div" class=""></div>
          <div id="u3130_text" class="text ">
            <p><span>看了又看</span></p>
          </div>
        </div>

        <!-- Unnamed (Placeholder) -->
        <div id="u3131" class="ax_default placeholder">
          <img id="u3131_img" class="img " src="images/020活动详情页-购物车升级/u3131.png"/>
          <div id="u3131_text" class="text ">
            <p><span>热销车型</span></p>
          </div>
        </div>

        <!-- Unnamed (Placeholder) -->
        <div id="u3132" class="ax_default placeholder">
          <img id="u3132_img" class="img " src="images/020活动详情页-购物车升级/u3131.png"/>
          <div id="u3132_text" class="text ">
            <p><span>热销车型</span></p>
          </div>
        </div>

        <!-- Unnamed (Placeholder) -->
        <div id="u3133" class="ax_default placeholder">
          <img id="u3133_img" class="img " src="images/020活动详情页-购物车升级/u3131.png"/>
          <div id="u3133_text" class="text ">
            <p><span>推荐商品</span></p>
          </div>
        </div>

        <!-- Unnamed (Placeholder) -->
        <div id="u3134" class="ax_default placeholder">
          <img id="u3134_img" class="img " src="images/020活动详情页-购物车升级/u3134.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3135" class="ax_default" data-left="122" data-top="1084" data-width="380" data-height="114">

        <!-- Unnamed (Group) -->
        <div id="u3136" class="ax_default" data-left="122" data-top="1084" data-width="380" data-height="114">

          <!-- Unnamed (Rectangle) -->
          <div id="u3137" class="ax_default box_1">
            <div id="u3137_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3138" class="ax_default label">
            <div id="u3138_div" class=""></div>
            <div id="u3138_text" class="text ">
              <p><span>可申请权益</span></p>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u3139" class="ax_default" data-left="144" data-top="1123" data-width="202" data-height="61">

            <!-- Unnamed (Rectangle) -->
            <div id="u3140" class="ax_default box_1">
              <div id="u3140_div" class=""></div>
            </div>

            <!-- Unnamed (Placeholder) -->
            <div id="u3141" class="ax_default placeholder">
              <img id="u3141_img" class="img " src="images/020活动详情页-购物车升级/u3141.png"/>
              <div id="u3141_text" class="text ">
                <p><span>权益图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3142" class="ax_default heading_3">
              <div id="u3142_div" class=""></div>
              <div id="u3142_text" class="text ">
                <p><span>权益名称</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (Group) -->
          <div id="u3143" class="ax_default" data-left="356" data-top="1121" data-width="144" data-height="61">

            <!-- Unnamed (Rectangle) -->
            <div id="u3144" class="ax_default box_1">
              <div id="u3144_div" class=""></div>
            </div>

            <!-- Unnamed (Placeholder) -->
            <div id="u3145" class="ax_default placeholder">
              <img id="u3145_img" class="img " src="images/020活动详情页-购物车升级/u3145.png"/>
              <div id="u3145_text" class="text ">
                <p><span>权益图片</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3146" class="ax_default heading_3">
              <div id="u3146_div" class=""></div>
              <div id="u3146_text" class="text ">
                <p><span>权益名</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Checkbox) -->
        <div id="u3147" class="ax_default checkbox">
          <label for="u3147_input" style="position: absolute; left: 0px;">
            <div id="u3147_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </label>
          <input id="u3147_input" type="checkbox" value="checkbox" checked/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3148" class="ax_default label">
          <div id="u3148_div" class=""></div>
          <div id="u3148_text" class="text ">
            <p><span>查看权益详情</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3149" class="ax_default" data-left="142" data-top="356" data-width="342" data-height="22">

        <!-- Unnamed (Shape) -->
        <div id="u3150" class="ax_default icon">
          <img id="u3150_img" class="img " src="images/020活动详情页-购物车升级/u3150.png"/>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u3151" class="ax_default icon">
          <img id="u3151_img" class="img " src="images/020活动详情页-购物车升级/u3151.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3152" class="ax_default box_1">
        <div id="u3152_div" class=""></div>
        <div id="u3152_text" class="text ">
          <p><span>加入购物车</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3153" class="ax_default box_1">
        <div id="u3153_div" class=""></div>
        <div id="u3153_text" class="text ">
          <p><span>购物车icon</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3154" class="ax_default sticky_3">
        <div id="u3154_div" class=""></div>
        <div id="u3154_text" class="text ">
          <p><span>默认数量为1</span></p><p><span><br></span></p><p><span>这里添加购物车或结算，受到售后的单个商品限制影响。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3155" class="ax_default" data-left="821" data-top="779" data-width="600" data-height="345">

        <!-- Unnamed (Rectangle) -->
        <div id="u3156" class="ax_default box_1">
          <div id="u3156_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3157" class="ax_default heading_3">
          <div id="u3157_div" class=""></div>
          <div id="u3157_text" class="text ">
            <p><span>更换商品套餐</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3158" class="ax_default box_1">
          <div id="u3158_div" class=""></div>
          <div id="u3158_text" class="text ">
            <p><span>确认</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3159" class="ax_default label">
          <div id="u3159_div" class=""></div>
          <div id="u3159_text" class="text ">
            <p><span>广汽本田 缤智1.8L 4S店小保养服务</span></p>
          </div>
        </div>

        <!-- Unnamed (Placeholder) -->
        <div id="u3160" class="ax_default placeholder">
          <img id="u3160_img" class="img " src="images/020活动详情页-购物车升级/u3160.png"/>
          <div id="u3160_text" class="text ">
            <p><span>商品图片</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3161" class="ax_default label">
          <div id="u3161_div" class=""></div>
          <div id="u3161_text" class="text ">
            <p><span>￥299</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3162" class="ax_default label">
          <div id="u3162_div" class=""></div>
          <div id="u3162_text" class="text ">
            <p><span>适用车型：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3163" class="ax_default box_1">
          <div id="u3163_div" class=""></div>
          <div id="u3163_text" class="text ">
            <p><span>2017款 缤智1.8L</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3164" class="ax_default label">
          <div id="u3164_div" class=""></div>
          <div id="u3164_text" class="text ">
            <p><span>套餐种类：</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3165" class="ax_default box_1">
          <div id="u3165_div" class=""></div>
          <div id="u3165_text" class="text ">
            <p><span>蓝桶机油+机滤+垫片</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3166" class="ax_default box_1">
          <div id="u3166_div" class=""></div>
          <div id="u3166_text" class="text ">
            <p><span>绿桶机油+机滤+垫片</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3167" class="ax_default box_1">
          <div id="u3167_div" class=""></div>
          <div id="u3167_text" class="text ">
            <p><span>金桶机油+机滤+垫片</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3168" class="ax_default box_1">
          <div id="u3168_div" class=""></div>
          <div id="u3168_text" class="text ">
            <p><span>2018款 缤智1.8L</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u3169" class="ax_default line">
        <img id="u3169_img" class="img " src="images/020活动详情页-购物车升级/u3169.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3170" class="ax_default" data-left="122" data-top="872" data-width="447" data-height="209">

        <!-- Unnamed (Rectangle) -->
        <div id="u3171" class="ax_default box_1">
          <div id="u3171_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3172" class="ax_default label">
          <div id="u3172_div" class=""></div>
          <div id="u3172_text" class="text ">
            <p><span>搭配购</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3173" class="ax_default" data-left="126" data-top="911" data-width="224" data-height="147">

          <!-- Unnamed (Rectangle) -->
          <div id="u3174" class="ax_default box_1">
            <div id="u3174_div" class=""></div>
          </div>

          <!-- Unnamed (Placeholder) -->
          <div id="u3175" class="ax_default placeholder">
            <img id="u3175_img" class="img " src="images/020活动详情页-购物车升级/u3160.png"/>
            <div id="u3175_text" class="text ">
              <p><span>商品图片</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3176" class="ax_default heading_3">
            <div id="u3176_div" class=""></div>
            <div id="u3176_text" class="text ">
              <p><span>商品名称</span></p>
            </div>
          </div>

          <!-- Unnamed (Checkbox) -->
          <div id="u3177" class="ax_default checkbox">
            <label for="u3177_input" style="position: absolute; left: 0px;">
              <div id="u3177_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </label>
            <input id="u3177_input" type="checkbox" value="checkbox" checked/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3178" class="ax_default label">
            <div id="u3178_div" class=""></div>
            <div id="u3178_text" class="text ">
              <p><span>￥299</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3179" class="ax_default label">
            <div id="u3179_div" class=""></div>
            <div id="u3179_text" class="text ">
              <p><span>适用车型：</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3180" class="ax_default label">
            <div id="u3180_div" class=""></div>
            <div id="u3180_text" class="text ">
              <p><span>套餐种类：</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3181" class="ax_default label">
            <div id="u3181_div" class=""></div>
            <div id="u3181_text" class="text ">
              <p><span>2018缤智1.8L</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3182" class="ax_default label">
            <div id="u3182_div" class=""></div>
            <div id="u3182_text" class="text ">
              <p><span>蓝桶机油+机滤</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3183" class="ax_default label">
            <div id="u3183_div" class=""></div>
            <div id="u3183_text" class="text ">
              <p><span>更换</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3184" class="ax_default label">
            <div id="u3184_div" class=""></div>
            <div id="u3184_text" class="text ">
              <p><span>选择</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3185" class="ax_default" data-left="357" data-top="911" data-width="212" data-height="147">

          <!-- Unnamed (Rectangle) -->
          <div id="u3186" class="ax_default box_1">
            <div id="u3186_div" class=""></div>
          </div>

          <!-- Unnamed (Placeholder) -->
          <div id="u3187" class="ax_default placeholder">
            <img id="u3187_img" class="img " src="images/020活动详情页-购物车升级/u3160.png"/>
            <div id="u3187_text" class="text ">
              <p><span>商品图片</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3188" class="ax_default heading_3">
            <div id="u3188_div" class=""></div>
            <div id="u3188_text" class="text ">
              <p><span>商品名称</span></p>
            </div>
          </div>

          <!-- Unnamed (Checkbox) -->
          <div id="u3189" class="ax_default checkbox">
            <label for="u3189_input" style="position: absolute; left: 0px;">
              <div id="u3189_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </label>
            <input id="u3189_input" type="checkbox" value="checkbox" checked/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3190" class="ax_default label">
            <div id="u3190_div" class=""></div>
            <div id="u3190_text" class="text ">
              <p><span>￥299</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3191" class="ax_default label">
            <div id="u3191_div" class=""></div>
            <div id="u3191_text" class="text ">
              <p><span>适用车型：</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3192" class="ax_default label">
            <div id="u3192_div" class=""></div>
            <div id="u3192_text" class="text ">
              <p><span>套餐种类：</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3193" class="ax_default label">
            <div id="u3193_div" class=""></div>
            <div id="u3193_text" class="text ">
              <p><span>2018缤智1.8L</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3194" class="ax_default label">
            <div id="u3194_div" class=""></div>
            <div id="u3194_text" class="text ">
              <p><span>蓝桶机油+机滤</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3195" class="ax_default label">
            <div id="u3195_div" class=""></div>
            <div id="u3195_text" class="text ">
              <p><span>更换</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3196" class="ax_default label">
            <div id="u3196_div" class=""></div>
            <div id="u3196_text" class="text ">
              <p><span>选择</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3197" class="ax_default" data-left="136" data-top="398" data-width="360" data-height="469">

        <!-- 已领优惠券 (Right Arrow Button) -->
        <div id="u3198" class="ax_default box_1" data-label="已领优惠券">
          <img id="u3198_img" class="img " src="images/020_____-demo/已领优惠券_u722.png"/>
          <div id="u3198_text" class="text ">
            <p><span>10元红包</span></p>
          </div>
        </div>

        <!-- 已领优惠券 (Right Arrow Button) [footnote] -->
        <div id="u3198_ann" class="annotation"></div>

        <!-- 可领取的优惠券 (Right Arrow Button) -->
        <div id="u3199" class="ax_default box_1" data-label="可领取的优惠券">
          <img id="u3199_img" class="img " src="images/020_____-demo/可领取的优惠券_u723.png"/>
          <div id="u3199_text" class="text ">
            <p><span>100元红包</span></p>
          </div>
        </div>

        <!-- 可领取的优惠券 (Right Arrow Button) [footnote] -->
        <div id="u3199_ann" class="annotation"></div>

        <!-- 可领券 (Rectangle) -->
        <div id="u3200" class="ax_default label" data-label="可领券">
          <div id="u3200_div" class=""></div>
          <div id="u3200_text" class="text ">
            <p><span>可使用优惠券券：</span></p>
          </div>
        </div>

        <!-- 可领券 (Rectangle) [footnote] -->
        <div id="u3200_ann" class="annotation"></div>

        <!-- Unnamed (Group) -->
        <div id="u3201" class="ax_default" data-left="137" data-top="565" data-width="305" data-height="22">

          <!-- Unnamed (Rectangle) -->
          <div id="u3202" class="ax_default label">
            <div id="u3202_div" class=""></div>
            <div id="u3202_text" class="text ">
              <p><span>预定特约店：</span></p>
            </div>
          </div>

          <!-- Unnamed (Droplist) -->
          <div id="u3203" class="ax_default droplist">
            <select id="u3203_input">
              <option value="广汽本田长盛店">广汽本田长盛店</option>
              <option value="广汽本田东圃店">广汽本田东圃店</option>
            </select>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3204" class="ax_default" data-left="137" data-top="523" data-width="169" data-height="25">

          <!-- Unnamed (Rectangle) -->
          <div id="u3205" class="ax_default label">
            <div id="u3205_div" class=""></div>
            <div id="u3205_text" class="text ">
              <p><span>提车城市：</span></p>
            </div>
          </div>

          <!-- 城市定位 (Rectangle) -->
          <div id="u3206" class="ax_default label" data-label="城市定位">
            <div id="u3206_div" class=""></div>
            <div id="u3206_text" class="text ">
              <p><span>广州市</span></p>
            </div>
          </div>

          <!-- 城市定位 (Rectangle) [footnote] -->
          <div id="u3206_ann" class="annotation"></div>

          <!-- Unnamed (SVG) -->
          <div id="u3207" class="ax_default image">
            <img id="u3207_img" class="img " src="images/020_____-demo/u732.svg"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3208" class="ax_default label">
          <div id="u3208_div" class=""></div>
          <div id="u3208_text" class="text ">
            <p><span>本店额外优惠：（仅供参考，详情以门店洽谈为准）</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3209" class="ax_default label">
          <div id="u3209_div" class=""></div>
          <div id="u3209_text" class="text ">
            <p><span>飞度年底大促销</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3210" class="ax_default" data-left="137" data-top="669" data-width="220" data-height="22">

          <!-- Unnamed (Rectangle) -->
          <div id="u3211" class="ax_default label">
            <div id="u3211_div" class=""></div>
            <div id="u3211_text" class="text ">
              <p><span>套餐：</span></p>
            </div>
          </div>

          <!-- Unnamed (Droplist) -->
          <div id="u3212" class="ax_default droplist">
            <select id="u3212_input">
              <option value="普通订金">普通订金</option>
              <option value="上门取车（指定门店）">上门取车（指定门店）</option>
              <option value="大额订金（多权益）">大额订金（多权益）</option>
            </select>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3213" class="ax_default label">
          <div id="u3213_div" class=""></div>
          <div id="u3213_text" class="text ">
            <p><span>库存1201</span></p>
          </div>
        </div>

        <!-- 车型收藏按钮 (Image) -->
        <div id="u3214" class="ax_default image" data-label="车型收藏按钮">
          <img id="u3214_img" class="img " src="images/020_____-demo/u659.png"/>
        </div>

        <!-- 车型收藏按钮 (Image) [footnote] -->
        <div id="u3214_ann" class="annotation"></div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3215" class="ax_default label">
          <div id="u3215_div" class=""></div>
          <div id="u3215_text" class="text ">
            <p><span>官方指导价：￥127000起</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3216" class="ax_default label">
          <div id="u3216_div" class=""></div>
          <div id="u3216_text" class="text ">
            <p><span>车型：雅阁</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3217" class="ax_default label">
          <div id="u3217_div" class=""></div>
          <div id="u3217_text" class="text ">
            <p><span>活动：XXXXX活动名称XXXXXX</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3218" class="ax_default box_1">
          <div id="u3218_div" class=""></div>
          <div id="u3218_text" class="text ">
            <p><span>金融置换方案</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3219" class="ax_default" data-left="137" data-top="639" data-width="149" data-height="22">

          <!-- Unnamed (Rectangle) -->
          <div id="u3220" class="ax_default label">
            <div id="u3220_div" class=""></div>
            <div id="u3220_text" class="text ">
              <p><span>颜色</span></p>
            </div>
          </div>

          <!-- Unnamed (Droplist) -->
          <div id="u3221" class="ax_default droplist">
            <select id="u3221_input">
              <option value="极致红">极致红</option>
              <option value="极光白">极光白</option>
            </select>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3222" class="ax_default" data-left="296" data-top="640" data-width="149" data-height="22">

          <!-- Unnamed (Rectangle) -->
          <div id="u3223" class="ax_default label">
            <div id="u3223_div" class=""></div>
            <div id="u3223_text" class="text ">
              <p><span>版本</span></p>
            </div>
          </div>

          <!-- Unnamed (Droplist) -->
          <div id="u3224" class="ax_default droplist">
            <select id="u3224_input">
              <option value="标准版">标准版</option>
            </select>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3225" class="ax_default label">
          <div id="u3225_div" class=""></div>
          <div id="u3225_text" class="text ">
            <p><span>服务范围：XXXXXXXX</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3226" class="ax_default label">
          <div id="u3226_div" class=""></div>
          <div id="u3226_text" class="text ">
            <p><span>服务电话：XXXXXXXX</span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u3227" class="ax_default" data-left="137" data-top="719" data-width="264" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u3228" class="ax_default label">
            <div id="u3228_div" class=""></div>
            <div id="u3228_text" class="text ">
              <p><span>广东省广州市番禺区长提街</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u3229" class="ax_default label">
            <div id="u3229_div" class=""></div>
            <div id="u3229_text" class="text ">
              <p><span>具体地址：</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3230" class="ax_default label">
          <div id="u3230_div" class=""></div>
          <div id="u3230_text" class="text ">
            <p><span>订金抵车款</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) [footnote] -->
        <div id="u3230_ann" class="annotation"></div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3231" class="ax_default label">
          <div id="u3231_div" class=""></div>
          <div id="u3231_text" class="text ">
            <p><span>本店报价：8.18万元起</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u3232" class="ax_default image">
          <img id="u3232_img" class="img " src="images/020活动详情页-购物车升级/u3232.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3233" class="ax_default sticky_3">
          <div id="u3233_div" class=""></div>
          <div id="u3233_text" class="text ">
            <p><span>立即询价</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3234" class="ax_default" data-left="586" data-top="1145" data-width="300" data-height="187">

        <!-- Unnamed (Rectangle) -->
        <div id="u3235" class="ax_default box_1">
          <div id="u3235_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3236" class="ax_default heading_3">
          <div id="u3236_div" class=""></div>
          <div id="u3236_text" class="text ">
            <p><span>超出限购数量</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3237" class="ax_default label">
          <div id="u3237_div" class=""></div>
          <div id="u3237_text" class="text ">
            <p><span>商品超出限购数量，请进行调整。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3238" class="ax_default box_1">
          <div id="u3238_div" class=""></div>
          <div id="u3238_text" class="text ">
            <p><span>好的</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3239" class="ax_default sticky_3">
        <div id="u3239_div" class=""></div>
        <div id="u3239_text" class="text ">
          <p><span>超过限购的数量不能增加到里面</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3240" class="ax_default sticky_3">
        <div id="u3240_div" class=""></div>
        <div id="u3240_text" class="text ">
          <p><span>汽油版和新能源版，沿用之前的样式，这里增加“搭配购”和“加入购物车”按钮</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
